//.hx-minw-
@for $i from 0 through 5 {
  .#{$prefix}-minw-#{$i} {
    min-width: (5em * $i);
  }
}
//.hx-maxw-
@for $i from 0 through 5 {
  .#{$prefix}-maxw-#{$i} {
    max-width: (5em * $i);
  }
}
//.hx-minh-
@for $i from 0 through 5 {
  .#{$prefix}-minh-#{$i} {
    min-height: (5em * $i);
  }
}
//.hx-maxh-
@for $i from 0 through 5 {
  .#{$prefix}-maxh-#{$i} {
    max-height: (5em * $i);
  }
}
// 宽度高度
@each $w in 0, 25, 30, 50, 70, 75, 100 {
  .w-#{$w} {
    width: #{$w}% !important;
  }
  .h-#{$w} {
    height: #{$w}% !important;
  }
}
//头像
.#{$prefix}-circle {
  border-radius: 50% !important;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}
.#{$prefix}-avatar {
  position: relative;
  display: inline-block;
  &._160x160 img,
  &._80x80 img,
  &._50x50 img,
  &._32x32 img {
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  a {
    display: block;
  }
}
//固定宽高，一般用于头像
@each $i in 32, 50, 80, 160 {
  &._#{$i}x#{$i} {
    width: ($i / 16) + rem;
    height: ($i / 16) + rem;
  }
}

.#{$prefix}-carousel .carousel-item {
  height: 11.875rem;
}
.#{$prefix}-carousel .carousel-thumbnail {
  height: 5.875rem;
}

/*小屏*/
@media (min-width: 576px) {
  @each $w in 0, 25, 30, 50, 70, 75, 100 {
    .w-sm-#{$w} {
      width: #{$w}% !important;
    }
    .h-sm-#{$w} {
      height: #{$w}% !important;
    }
  }
  .#{$prefix}-carousel .carousel-thumbnail,
  .#{$prefix}-carousel .carousel-item {
    height: $carousel-sm-height;
  }
  .#{$prefix}-aside {
    width: $aside-sm-width;
  }
}
/*中屏*/

@media (min-width: 768px) {
  @each $w in 0, 25, 30, 50, 70, 75, 100 {
    .w-md-#{$w} {
      width: #{$w}% !important;
    }
    .h-md-#{$w} {
      height: #{$w}% !important;
    }
  }

  .#{$prefix}-carousel .carousel-thumbnail,
  .hx-carousel .carousel-item {
    height: $carousel-md-height;
  }

  .#{$prefix}-aside {
    width: $aside-md-width;
  }
}
/*大屏*/
@media (min-width: 992px) {
  @each $w in 0, 25, 30, 50, 70, 75, 100 {
    .w-lg-#{$w} {
      width: #{$w}% !important;
    }
    .h-lg-#{$w} {
      height: #{$w}% !important;
    }
  }

  .#{$prefix}-carousel .carousel-thumbnail,
  .#{$prefix}-carousel .carousel-item {
    height: $carousel-lg-height;
  }

  .#{$prefix}-aside {
    width: $aside-lg-width;
  }
}
/*超大屏*/
@media (min-width: 1200px) {
  @each $w in 0, 25, 30, 50, 70, 75, 100 {
    .w-xl-#{$w} {
      width: #{$w}% !important;
    }
    .h-xl-#{$w} {
      height: #{$w}% !important;
    }
  }

  .#{$prefix}-carousel .carousel-thumbnail,
  .#{$prefix}-carousel .carousel-item {
    height: $carousel-xl-height;
  }

  .#{$prefix}-aside {
    width: $aside-xl-width;
  }
}
